<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <!-- titre -->
        <title>Reseaux sociaux</title>

        <!-- meta -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="" lang="fr" />
        <meta name="description" content="Retrouvez tous vos messages ici" />

        <!-- javascript -->
        <script src="./resources/jquery/jquery.js"></script>
        <script type="text/javascript" src="./resources/wsSocial/ihmBuilder.js"></script>

        <!-- css -->
        <link rel="stylesheet" href="./skins/wsSocial/messages.css" />
    </head>

    <body>
        <h2>Reseaux sociaux</h2>
        <div id="block_form">
            <form id="form_mess">
                <p><label for="description">Title</label> :
                    <input type="text" id="title" name="title" />
                </p>
                <textarea rows="5" cols="30" name="article" id="article">Article</textarea>
                <p><input id ="partager" class="submit" type="button" value="partager" onclick="javascript:$(this).postArticle();" />
                    <img id="wait" src="./skins/wsSocial/start.png" /></p>
            </form>
        </div>
        
        <div id="container" class="container">
        </div>

        <!-- block template -->
        <div id="message_template" style="display:none;">
            <div id="date"></div>
            <img id="photo" />
            <div id="contenu">
            </div>
            <div id="like">
            </div>
            <div id="attachement">
            </div>
        </div>
    </body>
</html>
